401. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:22 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

401.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Magento_Newsletter/web/css/source_module.less2016-05-15 10:55:50 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Magento_Newsletter/web/css/source_module.less2021-02-09 04:11:28 +0000

401.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged4138
Changed14
Inserted00
Removed22

401.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

401.4 Active regular expressions

No regular expressions were active.

401.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //    Common 7 //    Common
8 //-------------------------------------- 8 //--------------------------------------
9  9 
10 & when (@media-common = true) { 10 & when (@media-common = true) {
11  11 
12 // 12 //
13 //    Newsletter subscription 13 //    Newsletter subscription
14 //-------------------------------------- 14 //--------------------------------------
15  15 
16 .block.newsletter { 16 .block.newsletter {
17     margin-bottom: 20px;    
18     .form.subscribe { 17     .form.subscribe {
19         display: table; 18         display: table;
20         width: 100%; 19         width: 100%;
21     } 20     }
22     .fieldset { 21     .fieldset {
23         display: table-cell; 22         display: table-cell;
24         margin: 0; 23         margin: 0;
25         padding: 0; 24         padding: 0;
26         vertical-align: top; 25         vertical-align: top;
27     } 26     }
28     .field { 27     .field {
29         margin: 0; 28         margin: 0;
30         .control { 29         .control {
31             .lib-icon-font( 30             .lib-icon-font(
32                 @icon-envelope, 31                 @icon-envelope,
33                 @_icon-font-size: 16px, 32                 @_icon-font-size: 16px,
34                 @_icon-font-line-height: 32px, 33                 @_icon-font-line-height: 32px,
35                 @_icon-font-color: @form-element-input-placeholder__color, 34                 @_icon-font-color: @form-element-input-placeholder__color,
36                 @_icon-font-margin: 0 0 0 8px 35                 @_icon-font-margin: 0 0 0 8px
37             ); 36             );
38             &:before { 37             &:before {
39                 position: absolute; 38                 position: absolute;
40             } 39             }
41             display: block; 40             display: block;
42         } 41         }
43     } 42     }
44     input { 43     input {
45         padding-right: 35px; 44         padding-right: 35px;
46     } 45     }
47     .title { 46     .title {
48         display: none; 47         display: none;
49     } 48     }
50     .label { 49     .label {
51         &:extend(.abs-visually-hidden all); 50         &:extend(.abs-visually-hidden all);
52     } 51     }
53     .actions { 52     .actions {
54         display: table-cell; 53         display: table-cell;
55         vertical-align: top; 54         vertical-align: top;
56         width: 1%; 55         width: 1%;
57     } 56     }
58     .action.subscribe { 57     .action.subscribe {
59         border-top-right-radius: 0; 58         border-top-right-radius: 0;
60         border-bottom-right-radius: 0; 59         border-bottom-right-radius: 0;
61         margin-left: -1px;    
62     } 60     }
63 } 61 }
64  62 
65 } 63 }
66  64 
67 // 65 //
68 //    Desktop 66 //    Desktop
69 //-------------------------------------- 67 //--------------------------------------
70 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { 68 .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
71     .block.newsletter { 69 
72         width: 34%;    
73     }    
74 } 70 }